/**
 * Created by Administrator on 2016/11/10.
 */
(function(){
    var contact={
        init:function(){
            this.wrap=$(".contact_nav");
            this.about=$(".contact_banner");
            this.btn=$(".contact_nav ul").find("li");
            this.box=$(".con_fx");
            this.iLen=this.box.length;
            this.wrapOffsetTop=this.wrap.offset().top;
            this.scrollTop=0;
            this.move();

        },
        move:function(){
            this.windowScroll();
            this.documentScroll();
            this.btnEvent();
        },
        btnEvent:function(){
            var _this=this;
            this.btn.on("click",function(){
                $(document).off();
                var s=_this.box.eq($(this).index()).offset().top-54;
                $(this).addClass("active").siblings().removeClass("active");
                $("body,html").stop().animate({scrollTop:s},400,function(){
                    $(document).scroll(function(){
                        _this.commonActive();
                    });
                });
            });
        },
        documentScroll:function(){
            var _this=this;
            $(document).scroll(function(){
                _this.commonActive();
            });
        },
        windowScroll:function(){
            var _this=this;
            $(window).scroll(function(){
                _this.scrollTop=$(document).scrollTop();

                if(_this.scrollTop>_this.wrapOffsetTop){
                    _this.wrap.addClass("active");
                    _this.about.addClass("active");
                    return;
                }else{
                    _this.wrap.removeClass("active");
                    _this.about.removeClass("active")
                    return;
                }
            });
        },
        commonActive:function(){
            var _this=this;
            this.box.each(function(index){
                if(_this.scrollTop>($(this).offset().top-$(this).height()/2)){
                    _this.btn.eq(index).addClass("active").siblings().removeClass("active");
                    return;
                }
            });
        }

    };
    contact.init();

})();